<!--Description: 在大屏幕上是横的，小屏幕上是竖的-->
<script setup>
import { defineProps } from 'vue';
import BaseLink from "@/components/elements/links/BaseLink.vue";

const props = defineProps({
  demo: {
    type: Array,
    default:[
      {
         anchorText:'home',
         link:'/home'
      },
      {
        anchorText:'home',
        link:'/home'
      },
      {
        anchorText:'home',
        link:'/home'
      },
      {
        anchorText:'home',
        link:'/home'
      }
    ]
  }
});

</script>

<template>

  <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0">
    <li v-for="item in demo">
        <BaseLink :href="item.link" :anchor-text="item.anchorText"/>
    </li>
  </ul>

</template>

<style scoped>

</style>